/*
    1. loader (1)下载 （2）使用/配置
    2.  plugins (1)下载 （2）引入 （3）使用/配置
*/


const { resolve } = require("path")
const HTMLWebpackPlugin = require("html-webpack-plugin");

module.exports = {
    entry: "./index.js",
    output: {
        filename: "bundle.js",
        path: resolve(__dirname, "build")
    },
    module: {
        rules: [
            // loader的配置
        ]
    },
    plugins:[
        new HTMLWebpackPlugin({
            template: "./index.html"
        })
    ],
    mode: "development",
    externals: {
        // 忽略库名 --- 包名
        // 拒绝jQuery被打包进来 这时需要在手动在html中加入在线的jquery
        jquery: "jQuery"
    }
}